body{
    background-image: url(../img/grid-white-1.png);
    background-color: rgb(225, 223, 210);
    height:100%;
}

.jumbotron{
    background:#ffffff url(../img/jbg.jpg) no-repeat  top;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(0, 0, 0, 0.075) 0px 0px 30px;
}
.jumbotron small{
    color:#dddddd
}
.shadow-box{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(0, 0, 0, 0.075) 0px 0px 30px;
}
/*输入框标签*/
.input-name{
    position: absolute;
    margin-top: -10px;
    margin-left:20px;
    font-size: 16px;
    color:#999999;
    background-color: #ffffff;
    padding-right: 4px;
    padding-left: 4px;
}

/*卡片动效*/
.alive-loading{
    animation: loading 2.2s ease;
    -moz-animation: loading 2.2s ease;    /* Firefox */
    -webkit-animation: loading 2.2s ease; /* Safari 和 Chrome */
    -o-animation: loading 2.2s ease;  /* Opera */
}
/*载入*/
@keyframes loading
{
    from {margin-top:150px}
    to {margin-top:0px}
}

@-moz-keyframes loading /* Firefox */
{
    from {margin-top:150px}
    to {margin-top:0px}
}

@-webkit-keyframes loading /* Safari 和 Chrome */
{
    from {margin-top:150px}
    to {margin-top:0px}
}

@-o-keyframes loading /* Opera */
{
    from {margin-top:150px}
    to {margin-top:0px}
}
/*悬浮响应*/
.alive-hover{
    transition-property:all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    /* Firefox 4 */
    -moz-transition-property:all;
    -moz-transition-duration:0.15s;
    -moz-transition-timing-function:ease-out;
    /* Safari 和 Chrome */
    -webkit-transition-property:all;
    -webkit-transition-duration:0.15s;
    -webkit-transition-timing-function:ease-out;
    /* Opera */
    -o-transition-property:all;
    -o-transition-duration:0.15s;
    -o-transition-timing-function:ease-out;
}
.alive-hover:hover{
    box-shadow: 0px 8px 16px 0px rgba( 6, 0, 1 ,0.3);
}
/*按钮动效*/
.alive-btn{
    transition-property:all;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    /* Firefox 4 */
    -moz-transition-property:all;
    -moz-transition-duration:0.1s;
    -moz-transition-timing-function:ease-out;
    /* Safari 和 Chrome */
    -webkit-transition-property:all;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function:ease-out;
    /* Opera */
    -o-transition-property:all;
    -o-transition-duration:0.1s;
    -o-transition-timing-function:ease-out;
}
.alive-btn:hover{
    box-shadow: 0px 5px 12px 0px rgba( 6, 0, 1 ,0.5);
}
.alive-btn:active{
    box-shadow: 0px 0px 4px 0px rgba( 6, 0, 1 ,0.5);
}

/*文档编写区域*/
.doc-layout{
    /*height:560px;*/
}

#doc-main,#doc-show{
    width:100%;
    height: 100%;
    resize: none;
    border: none;
    overflow-y : scroll;
    margin-top: 20px;
    padding: 10px;
    background: none repeat scroll 0% 0% transparent;
    color: #2d4e6d;
    letter-spacing:1px;
    font: 16px/1.8 Microsoft Yahei,Hiragino Sans GB,WenQuanYi

}
.doc-list{
    width:100%;
    max-height: 250px;
    overflow: hidden;
    resize: none;
    border: none;
    margin-top: 20px;
    padding: 10px;
    color: #2d4e6d;
    letter-spacing:1px;
    font: 16px/1.8 Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; !important;
}
#read-only{
    margin-top: -35px;
    padding: 10px;
    color: #2d4e6d;
    letter-spacing:1px;
    font: 16px/1.8 Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; !important;
}
.tool{
    position: absolute;
    right:40px;
    top:30px;

}
.tool-fixed{
    position: fixed;
    right:90px;
    top:90px;
}
.tool-item{
    vertical-align:text-top;
    border: none;
    background: none repeat scroll 0% 0% transparent;
    color:rgba( 6, 0, 1 ,0.5);

    transition-property:all;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    /* Firefox 4 */
    -moz-transition-property:all;
    -moz-transition-duration:0.1s;
    -moz-transition-timing-function:ease-out;
    /* Safari 和 Chrome */
    -webkit-transition-property:all;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function:ease-out;
    /* Opera */
    -o-transition-property:all;
    -o-transition-duration:0.1s;
    -o-transition-timing-function:ease-out;
}
.tool-item:hover{
    color:rgba( 6, 0, 1 ,1);
    font-size: 26px;
}

/*书写模式菜单*/
.nav{
    height: 50px;
}
.nav > li > a, .nav > li > a{
    color: #cbcbcb
}
.nav > li > a:hover, .nav > li > a:focus{
    color: #585858
}
.nav-clean{

}
blockquote:before, blockquote:after {
    content: "";
}
blockquote {
    background-color: #ffffff;
    padding: 10px 15px;
    border-left-style: solid;
    border-left-width: 10px;
}
.table{
    background-color: rgb(242, 242, 242);



    padding:8.5px;


}

.alert-float{

}

.edit{margin:3px;padding:2px 5px;border-radius:3px;background-color:#f3f3f3;color:#333;font-size:13px;}
.edit:hover{text-decoration:none;background-color:#f00;color:#fff;-webkit-transition:color .2s linear;}